<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的信息</title>
    <link rel="stylesheet" href="CSS/info.css">
</head>

<!--先分三层 再分两列-->
<body class="flex column">
    <!--上层-->
    
<div style="height:6%" class="yinying center leftl flex">
    
    <h2> About Me</h2>
    
</div>


    <!--中层-->

<div style="height:88%" class="mgt8 yinying flex" >
     <!--左侧栏-->   
    <div style="width:30%;height:100%" class="column center rborder1 leftl yinying">
        
        <!--个人简介标题栏-->
        <div><h1>个人简介</h1></div>
        <br><br>
        <!--个人介绍的内容-->
        <p style="text-align: center" class="p2">
        你好！我是这个简易网站的作者！欢迎来到我这个未成熟的网站！<br><br>
        全片采用Flex弹性盒布局！<br><br>
        这里是我的基本信息：<br>
        学号：2**0**051*<br>
        姓名：邢安稷<br>
        班级:**215班<br>
        <br>
        我的技术很菜，最近才正式开始学习，<br>希望能向你学到更多的知识！请多指教！<br><br>
        我平时的爱好就是打游戏，动漫，看书等等活动，我不太喜欢运动（虽然说生命在于运动...）。<br><br>
        
        我将在右边放上我最喜欢的一张插画！<br><br>我很菜，不太会，只会一点点简单的功能，没有完整的设计能力，见谅！<br><br>谢谢你的观看！
         <br><br>
        点击图片可以返回导航页！
        </p>
       
        

        
    </div>
     
     <!--右侧栏 图片测试-->
     <div class="yinying leftl rightl" >
        
        <a href="index.html"><img src="IMG/sizuru.png" alt ="图片加载失败。" style="width:100%;height:100%;"></a>
    
    </div>
    
</div>


    <!--下层-->

<div style="height:6%"class="flex mgt8 yinying center leftl">
        <p class="p1">Copyright ©XAJ 2023 版权所有 | 联系方式:邮箱2643209079@qq.com</p>
</div>

</body>

</html>